// 全局变量
@import './variables.scss';
// ele样式覆盖
@import './element-ui.scss';
// 顶部右侧显示
@import './top.scss';
// 导航标签
@import './tags.scss';
// 工具类函数
@import './mixin.scss';
// 侧面导航栏
@import './sidebar.scss';
// 动画
@import './animate/vue-transition.scss';
//主题
@import './theme/index.scss';
//适配
@import './media.scss';
//通用配置
@import './normalize.scss';
//组件样式
@import './components.scss';

a{
  text-decoration: none;
  color:#333;
}
*{
  outline: none;
}


.flex-between{
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.flex-box{
  display: flex;
  align-items: center;
}
.flex-reverse{
  display: flex;
  align-items: center;
  flex-direction: row-reverse;
}
.flex-wrap{
  display: flex;
  flex-wrap: wrap;
}
.flex-column{
  display: flex;
  flex-direction: column;
}
.flex-start{
  display: flex;
  align-items: start;
}
.flex-column-center {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.flex-end {
  display: flex;
  align-items: flex-end;
}
.flex-cell{
  flex: 1;
}
.flex-arroud{
  display: flex;
  justify-content: space-around;
  align-items: center;
}
.pointer{
  cursor: pointer;
}
.p-r{
  position: relative;
}
.w-100{
  width: 100%;
}
.w-200{
  width: 200px;
}
.mt-20{
  margin-top: 20px;
}
.ml-10{
  margin-left: 10px;
}
.ml-20{
  margin-left: 20px;
}
.ml-50{
  margin-left: 50px!important;
}
.mt-100{
  margin-top: 100px;
}
.light{
  color: #FBA833;
}
.theme-color{
  color:#8EBBFE ;
}
.text-center{
  text-align: center;
}
.collaspe{
  transform: rotateY(180deg);
}
.ellipsis-1{
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  word-break: break-all;
}
::-webkit-scrollbar{
  width:6px;
  height: 6px;
  cursor: pointer!important;
  background: #ebeff7;
  border-radius: 4px;
}
::-webkit-scrollbar-button{
  display: none;
}
::-webkit-scrollbar-thumb{
  background-color:#D9DFEA;
  cursor: pointer!important;
  border-radius: 6px;
}
